﻿{include file="common/header1" /}
<div class="user w1200">
    <p class="title">Personal center</p>
    <div class="user_con flex">
        <div class="user_nav">
            <a href="/member" class="active">Personal information</a>
            <a href="/index/Member/orders">Order list</a>
            <a href="/index/Member/address">My address</a>
            <a href="javascript:;" id="logOut">Log Out</a>
        </div>
        <div class="user_right">
            <div class="user_right_box">
                <form onsubmit="return false;" id="modifyMemberProfileForm" class="user_inf">
                    <div class="user_inf_box">
                        <div class="user_inf_group">
                            <label for="first_name">First Name:</label>
                            <input type="text" name="first_name" id="first_name" value="{$userInfo.first_name|default=''}">
                        </div>
                        <div class="user_inf_group">
                            <label for="last_name">Last Name:</label>
                            <input type="text" name="last_name" id="last_name" value="{$userInfo.last_name|default=''}">
                        </div>
                    </div>
                    <div class="user_inf_box">
                        <label for="base_birthday">Date Of Birth：</label>
                        <input type="text" name="base_birthday" id="base_birthday" value="{$userInfo.base_birthday|default=''}">
                    </div>
                    <div class="user_inf_box">
                        <label for="email">Email-Address：</label>
                        <input type="text" name="email" id="email" value="{$userInfo.email|default=''}">
                    </div>
                    <div class="user_inf_box">
                        <label for="phone">Telephone：</label>
                        <input type="text" name="phone" id="phone" value="{$userInfo.phone|default=''}">
                    </div>
                    <div class="user_inf_box">
                        <label for="country">Country：</label>
                        <input type="text" name="country" id="country" value="{$userInfo.country|default=''}">
                    </div>

                    <input type="hidden" name="id" value="{$userInfo.id}">
                    <div class="address_btn"><a class="anniu" href="javascript:;" id="submitMemberProfile">Modify</a></div>
                </form>
            </div>
        </div>
    </div>
</div>


<script>
    //添加选项
    $(".add").click(function() {
        var sourceDiv = $(this).parent().parent().prev().find(".copy_box");//获取要复制的节点
        var duplicate = sourceDiv.clone(true);
        //将文本清空
        duplicate.find("input[type='text']").val("");
        duplicate.insertAfter(sourceDiv);

        $.each($(".copy_box"),function(index,w){
            if(index === 0){
                $(this).removeClass("copy_box");
            }
        });
        if ($(".getCount").length === 5) {
            $(".add").hide();
        }
    });

    //删除按钮
    $(".remove").click(function() {
        var soureDiv = $(this).parent();//获取要移除的节点
        //如果只有一个则不移除
        if ($(".getCount").length != 1) {
            soureDiv.remove();
        }
        if ($(".copy_box").length === 0) {
            $.each($(".getCount"),function(index,w){
                if(index === 0){
                    $(this).addClass("copy_box");
                }
            });
        }

        if ($(".getCount").length < 5) {
            $(".add").show();
        }
    });

    /*修改邮箱和地区资料*/
    $("#submitMemberProfile").click(function () {
        // var nickname = $("#modifyMemberProfileForm").val();
        // if (!nickname) {
        //     layer.msg("请输入姓名", {
        //         icon: 5,
        //         time: 2000 //2秒关闭（如果不配置，默认是3秒）
        //     });
        //     return false;
        // }

        var data = new FormData($("#modifyMemberProfileForm")[0]);
        $.ajax({
            type: 'post',
            url: "/index/Member/profile",
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            data: data,  //重点必须为一个变量如：data
            dataType: 'json',
            success: function (data) {
                if (data.code > 0) {
                    layer.msg(data.info, {
                        icon: 6,
                        time: 2000 //2秒关闭（如果不配置，默认是3秒）
                    }, function () {
                        window.location.href = "/member";
                        return false;
                    });
                }

            },
        })
    });

    /* ★☆★☆★☆★☆★☆★☆★☆ 地区联动菜单 START ★☆★☆★☆★☆★☆★☆★☆ */
    $(function(){
            {if empty($member.region_city)}$("#city_span").hide();{/if}
            {if empty($member.region_area)}$("#district_span").hide();{/if}

                    //初始化数据
                    var url = '/index/Member/region'; //后台地址

                    $("select[name='region_province']").change(function(){ //监听下拉列表的change事件
                        var region_id = $(this).val(); //获取下拉列表选中的值
                        //发送一个post请求
                        $.ajax({
                            type:'post',
                            url:url,
                            data:{key:region_id},
                            dataType:'json',
                            success:function(data){ //请求成功回调函数
                                var m_status = data.status;
                                var datalist = data.data

                                if(m_status == 200){ //判断状态码，200为成功
                                    $("#city_span").show();
                                    $("#district_span").hide();
                                    var option = '';
                                    console.log(data)
                                    option ='<option value="0">请选择城市</option>';
                                    for(var i=0;i<datalist.length;i++){ //循环获取返回值，并组装成html代码
                                        option +='<option value="'+datalist[i].id+'.'+datalist[i].name+'">'+datalist[i].name+'</option>';
                                    }
                                    $("#city").html(option); //js刷新第二个下拉框的值
                                }else{
                                    $("#city_span").hide();
                                    $("#district_span").hide();
                                }
                            },error:function (data){

                            }
                        });
                    });

                    $("select[name='region_city']").change(function(){ //监听下拉列表的change事件
                        var region_id = $(this).val(); //获取下拉列表选中的值
                        //发送一个post请求
                        $.ajax({
                            type:'post',
                            url:url,
                            data:{key:region_id},
                            dataType:'json',
                            success:function(data){ //请求成功回调函数
                                var m_status = data.status;
                                var datalist = data.data

                                if(m_status == 200){ //判断状态码，200为成功
                                    $("#district_span").show();
                                    var option = '';
                                    console.log(data)
                                    option ='<option value="0">请选择县区</option>';
                                    for(var i=0;i<datalist.length;i++){ //循环获取返回值，并组装成html代码
                                        option +='<option value="'+datalist[i].id+'.'+datalist[i].name+'">'+datalist[i].name+'</option>';
                                    }
                                    $("#district").html(option); //js刷新第二个下拉框的值
                                }else{
                                    $("#district_span").hide();
                                }
                            },error:function (data){

                            }
                        });
                    });

                });
    /* ★☆★☆★☆★☆★☆★☆★☆ 地区联动菜单 END ★☆★☆★☆★☆★☆★☆★☆ */
</script>

{include file="common/footer" /}


